<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 网站TDK三大标签SEO优化 -->
    <title>列表页-综合网购首选-正品低价、品质保障、及时送达、轻松购物</title>
    <!-- 网站说明 -->
    <meta name="descriprion" content="品优购，买衣服，网上购物，家电，衣服">
    <!-- 关键字 -->
    <meta name="keywords" content="网上购物，家电，优选">
    <!-- 引入图标 -->
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- 引入初始化样式 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 引入主页样式 -->
    <link rel="stylesheet" href="./css/shoppingcart.css">
    <!-- 引入list.css -->
    <link rel="stylesheet" href="./css/index.css">
</head>
<style>
    img{
        width: 286px;
        height: 200px;
    }
</style>
<body>
    <h1> 椰子商城
    </h1>

    <!-- 列表页主体 -->
    <div class="sk_container w">
        <div class="sk_hd">
         
        </div>
        <div class="sk_bd">
            <ul class="clearfix">
                <li><a href="success.html">
                        <img src="新鲜水果/1.jpg" alt="">
                        <div class="text_phone">
                            <div class="container_name">
                              高山苹果
                            </div>
                            <div>
                                <h4 class="font-style-red">¥10.5</h4>
                                <h4 class="oldprice">¥13/斤</h4>
                            </div>
                            <div class="sale">
                                <ul>
                                    <li>已售69%</li>
                                    <li>
                                        <div class="bar">
                                            <div class="bar-in">
 
                                            </div>
                                        </div>
                                    </li>
                                    <li>剩余31%</li>
                                </ul>
                            </div>
                        </div>
                        <div class="purchase">
                            立即抢购
                        </div>
                    </a></li>
                    <li><a href=""success.html"">
                        <img src="新鲜水果/2.jpg" alt="">
                        <div class="text_phone">
                            <div class="container_name">
                              牛奶草莓
                            </div>
                            <div>
                                <h4 class="font-style-red">¥30.8</h4>
                                <h4 class="oldprice">¥34/斤</h4>
                            </div>
                            <div class="sale">
                                <ul>
                                    <li>已售45%</li>
                                    <li>
                                        <div class="bar">
                                            <div class="bar-in">
 
                                            </div>
                                        </div>
                                    </li>
                                    <li>剩余55%</li>
                                </ul>
                            </div>
                        </div>
                        <div class="purchase">
                            立即抢购
                        </div>
                    </a></li>
                    
                    <li><a href="success.html">
                        <img src="新鲜水果/3.jpg" alt="">
                        <div class="text_phone">
                            <div class="container_name">
                              枇杷
                            </div>
                            <div>
                                <h4 class="font-style-red">¥13.5</h4>
                                <h4 class="oldprice">¥15/斤</h4>
                            </div>
                            <div class="sale">
                                <ul>
                                    <li>已售22%</li>
                                    <li>
                                        <div class="bar">
                                            <div class="bar-in">
 
                                            </div>
                                        </div>
                                    </li>
                                    <li>剩余78%</li>
                                </ul>
                            </div>
                        </div>
                        <div class="purchase">
                            立即抢购
                        </div>
                    </a></li>
                    <li><a href="success.html">
                        <img src="新鲜水果/11.jpg" alt="">
                        <div class="text_phone">
                            <div class="container_name">
                              巨峰葡萄
                            </div>
                            <div>
                                <h4 class="font-style-red">¥18.6</h4>
                                <h4 class="oldprice">¥21/斤</h4>
                            </div>
                            <div class="sale">
                                <ul>
                                    <li>已售67%</li>
                                    <li>
                                        <div class="bar">
                                            <div class="bar-in">
 
                                            </div>
                                        </div>
                                    </li>
                                    <li>剩余33%</li>
                                </ul>
                            </div>
                        </div>
                        <div class="purchase">
                            立即抢购
                        </div>
                    </a></li>  <li><a href="success.html">
                        <img src="新鲜水果/10.jpg" alt="">
                        <div class="text_phone">
                            <div class="container_name">
                              柿子
                            </div>
                            <div>
                                <h4 class="font-style-red">¥8.8</h4>
                                <h4 class="oldprice">¥12/斤</h4>
                            </div>
                            <div class="sale">
                                <ul>
                                    <li>已售22%</li>
                                    <li>
                                        <div class="bar">
                                            <div class="bar-in">
 
                                            </div>
                                        </div>
                                    </li>
                                    <li>剩余78%</li>
                                </ul>
                            </div>
                        </div>
                        <div class="purchase">
                            立即抢购
                        </div>
                    </a></li>  <li><a href="success.html">
                        <img src="新鲜水果/13.jpg" alt="">
                        <div class="text_phone">
                            <div class="container_name">
                              香蕉
                            </div>
                            <div>
                                <h4 class="font-style-red">¥3.3</h4>
                                <h4 class="oldprice">¥4.5/斤</h4>
                            </div>
                            <div class="sale">
                                <ul>
                                    <li>已售60%</li>
                                    <li>
                                        <div class="bar">
                                            <div class="bar-in">
 
                                            </div>
                                        </div>
                                    </li>
                                    <li>剩余40%</li>
                                </ul>
                            </div>
                        </div>
                        <div class="purchase">
                            立即抢购
                        </div>
                    </a></li>  <li><a href="success.html">
                        <img src="新鲜水果/15.jpg" alt="">
                        <div class="text_phone">
                            <div class="container_name">
                              小白杏
                            </div>
                            <div>
                                <h4 class="font-style-red">¥9.9</h4>
                                <h4 class="oldprice">¥11/斤</h4>
                            </div>
                            <div class="sale">
                                <ul>
                                    <li>已售48%</li>
                                    <li>
                                        <div class="bar">
                                            <div class="bar-in">
 
                                            </div>
                                        </div>
                                    </li>
                                    <li>剩余52%</li>
                                </ul>
                            </div>
                        </div>
                        <div class="purchase">
                            立即抢购
                        </div>
                    </a></li>  <li><a href="success.html">
                        <img src="新鲜水果/5.jpg" alt="">
                        <div class="text_phone">
                            <div class="container_name">
                              雪梨
                            </div>
                            <div>
                                <h4 class="font-style-red">¥11</h4>
                                <h4 class="oldprice">¥12.5/斤</h4>
                            </div>
                            <div class="sale">
                                <ul>
                                    <li>已售56%</li>
                                    <li>
                                        <div class="bar">
                                            <div class="bar-in">
 
                                            </div>
                                        </div>
                                    </li>
                                    <li>剩余44%</li>
                                </ul>
                            </div>
                        </div>
                        <div class="purchase">
                            立即抢购
                        </div>
                    </a></li>  <li><a href="success.html">
                        <img src="新鲜水果/6.jpg" alt="">
                        <div class="text_phone">
                            <div class="container_name">
                              红提
                            </div>
                            <div>
                                <h4 class="font-style-red">¥16.5</h4>
                                <h4 class="oldprice">¥18/斤</h4>
                            </div>
                            <div class="sale">
                                <ul>
                                    <li>已售36%</li>
                                    <li>

                                        <div class="bar">
                                            <div class="bar-in">
 
                                            </div>
                                        </div>
                                    </li>
                                    <li>剩余64%</li>
                                </ul>
                            </div>
                        </div>
                        <div class="purchase">
                            立即抢购
                        </div>
                    </a></li>  <li><a href="success.html">
                        <img src="新鲜水果/9.jpg" alt="">
                        <div class="text_phone">
                            <div class="container_name">
                              橙子
                            </div>
                            <div>
                                <h4 class="font-style-red">¥14.3</h4>
                                <h4 class="oldprice">¥16/斤</h4>
                            </div>
                            <div class="sale">
                                <ul>
                                    <li>已售53%</li>
                                    <li>
                                        <div class="bar">
                                            <div class="bar-in">
 
                                            </div>
                                        </div>
                                    </li>
                                    <li>剩余47%</li>
                                </ul>
                            </div>
                        </div>
                        <div class="purchase">
                            立即抢购
                        </div>
                   
            </ul>
        </div>
    </div>



</body>
 
</html>